<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptCR.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/cr/cs21001script.js"></script> 
<script>

$(function(){
	if ('${voCustomer.vaProvinceCode}' != "") {
		loadProvince(false);	
	} else {
		loadProvince(true);
		setTimeout( function(){setDefaultAddress();}, 300);
	}
   	//var vaAccount = '${voCustomer.vaAccount}';
	// show tab
	if ('${vaPageSetting}' == "1") {
		// default setting
	} else if ('${vaPageSetting}' == "2") {
		// set to display tab 2
		$('#water_user').removeClass('active');
		$('#meter').addClass('active');
		$('.form-step').hide();
		$('#form-2').show();
	} else if ('${vaPageSetting}' == "3") {
		// set to display tab summary
		$('#water_user').removeClass('active');
		$('#summary').addClass('active');
		$('.form-step').hide();
		$('#form-3').show();
	}
	
    // check if has messages
    if ('${message_error}' != '') {
  		$('#error_message').removeClass('hide');
	} else if ('${message_success}' != '') {
		$('#success_message').removeClass('hide');
	}
    
    // check for setting default garbage, wastewate, other charge
	if ('${voCustomer.vaMeterSize}' == "") {
		loadChargeRate();
	}
});

function setProvinceSelected() {
	if ('${voCustomer.vaProvinceCode}' != "") 
	document.getElementById("inputProvinceCode").value = '${voCustomer.vaProvinceCode}';
	if ('${voCustomer.vaContactProvinceCode}' != "") 
	document.getElementById("inputContactProvinceCode").value = '${voCustomer.vaContactProvinceCode}';
	showProvince(); // show province in tab3
	loadDistrict();
	loadContactDistrict();
}

function setDistrictSelected() {
	if ('${voCustomer.vaDistrictCode}' != "") 
		document.getElementById("inputDistrictCode").value = '${voCustomer.vaDistrictCode}';
	showDistrict(); // show district in tab3
	loadCityCode();
	
}

function setContactDistrictSelected() {
	if ('${voCustomer.vaContactDistrictCode}' != "") 
		document.getElementById("inputContactDistrictCode").value = '${voCustomer.vaContactDistrictCode}';
	showContactDistrict(); // show contact district in tab3
	loadContactCityCode();
	
}

function setCityCodeSelected() {
	if ('${voCustomer.vaCityCode}' != "") 
		document.getElementById("inputCityCode").value = '${voCustomer.vaCityCode}';
	showCityCode(); // show district in tab3
}

function setContactCityCodeSelected() {
	if ('${voCustomer.vaContactCityCode}' != "") 
		document.getElementById("inputContactCityCode").value = '${voCustomer.vaContactCityCode}';
	showContactCityCode(); // show district in tab3
}

function setCustomerType() {
	if ('${voCustomer.vaCustomerType}' != "") 
		document.getElementById("inputCustomerType").value = '${voCustomer.vaCustomerType}';
	showCustomerType();
}

function setCustomerClass() {
	if ('${voCustomer.vaCustomerClass}' != "") 
		document.getElementById("inputCustomerClass").value = '${voCustomer.vaCustomerClass}';
	showCustomerClass();
}

function setStatus() {
	if ('${voCustomer.vaStatus}' != "") 
		document.getElementById("inputStatus").value = '${voCustomer.vaStatus}';
	showStatus();
}

function setAllowance() {
	if ('${voCustomer.vaAllowance}' != "") 
		document.getElementById("inputAllowance").value = '${voCustomer.vaAllowance}';
	showAllowance();
}

function setMeterSize() {
	if ('${voCustomer.vaMeterSize}' != "") 
		document.getElementById("inputMeterSize").value = '${voCustomer.vaMeterSize}';
	showMeterSize();
}

function setMeterBrand() {
	if ('${voCustomer.vaMeterBrand}' != "") 
		document.getElementById("inputMeterBrand").value = '${voCustomer.vaMeterBrand}';
	showMeterBrand();
}

</script>
</head>
<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->
		
		<!-- BEGIN RIGHT DETAIL-->
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> ข้อมูลผู้ใช้น้ำ</div>
			<!--End navigator-bar-->
			<div>
				<div id="page-header" class="clearfix">
					<div>ข้อมูลผู้ใช้น้ำ</div>
				</div>
				<div id="success_message" class="alert alert-success hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span> ${message_success} </div>
				<div id="error_message" class="alert alert-danger hide"> <span class="fa-stack fa-lg"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-times fa-stack-1x fa-inverse"></i> </span> ${message_error} </div>
				<div id="form-nav">
					<div class="form-wizard box-first"> <a  href="javascript:void()" data-link="form-1" class="step-link">
						<div id="water_user" class="form-wizard-box active">1.ข้อมูลผู้ใช้น้ำ</div>
						</a> </div>
					<div class="form-wizard box-2"> <a href="javascript:void()" data-link="form-2" class="step-link">
						<div id="meter" class="form-wizard-box">2.ข้อมูลผู้ติดตั้ง</div>
						</a> </div>
					<div class="form-wizard box-last"> <a  href="javascript:void()"  data-link="form-3" class="step-link">
						<div id="summary" class="form-wizard-box">3.ดูข้อมูลผู้ใช้น้ำ</div>
						</a> </div>
				</div>
				<!-- End form-nav-->
				
				<div class="form-detail clearfix">
					<form class="form-horizontal" role="form"  action="CS21001Srvl" onsubmit="return validateForm();" method="POST">
						<input type="hidden" id="url_address" name="url_address" value="">
						<input type="hidden" id="agent_browser" name="agent_browser" value="">
						<div id="form-1" class="form-step">
							<fieldset>
								<legend>ข้อมูลผุ้ใช้น้ำ</legend>
								<div class="form-group">
									<label for="inputEmail3" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ</label>
									<input type="hidden" name="account" value="${voCustomer.vaAccount}">
									<div class="col-sm-7 mt-5">${voCustomer.vaAccount}</div>
								</div>
								<div class="form-group">
									<label for="inputPName" class="col-sm-3 control-label">คำนำหน้าชื่อ</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputPName" name="pname" value="${voCustomer.vaPName}" placeholder="คำนำหน้าชื่อ">
									</div>
								</div>
								<div class="form-group">
									<label for="inputFName" class="col-sm-3 control-label">ชื่อ<span class="comment">*</span></label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputFName" name="fname" value="${voCustomer.vaFName}" placeholder="ชื่อผู้ใช้น้ำ">
									</div>
									<label for="inputLName" class="col-sm-2 control-label">นามสกุล<span class="comment">*</span></label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputLName" name="lname" value="${voCustomer.vaLName}" placeholder="นามสกุลผู้ใช้น้ำ">
									</div>
								</div>
								<div class="form-group">
									<label for="inputCardId" class="col-sm-3 control-label">หมายเลขบัตรประชาชน (13 หลัก)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputCardId" name="card_id" data-container="body" maxlength="13" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกหมายเลขบัตรประชาชน 13หลักติดกันให้ถูกต้อง" value="${voCustomer.vaCardId}" placeholder="หมายเลขบัตรประจำตัวประชาชน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputTaxId" class="col-sm-3 control-label">หมายเลขผู้เสียภาษี </label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTaxId" name="tax_id" data-container="body" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกหมายเลขผู้เสียภาษี 13หลักติดกันให้ถูกต้อง" value="${voCustomer.vaTaxId}" placeholder="หมายเลขผู้เสียภาษี" maxlength="13">
									</div>
								</div>
								<div class="form-group">
									<label for="inputTaxBranch" class="col-sm-3 control-label">สาขาที่(ผู้เสียภาษี)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTaxBranch" name="tax_branch" value="${voCustomer.vaTaxBranch}" placeholder="สาขาที่(ผู้เสียภาษี)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputHouseId" class="col-sm-3 control-label">รหัสประจำบ้าน <br />
										(11 หลัก)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputHouseId" maxlength="11" name="house_id" value="${voCustomer.vaHouseId}" placeholder="รหัสประจำบ้าน">
									</div>
								</div>
								<div class="form-group">
									<label for="inputHomeNumber" class="col-sm-3 control-label">สถานที่ใช้น้ำ</label>
									<div class="col-sm-9 row">
										<div class="col-sm-6 mt-5">
											<label for="inputHomeNumber">บ้านเลขที่ <span class="comment">*</span></label>
											<input type="text" class="form-control" id="inputHomeNumber" name="home_number" value="${voCustomer.vaHomeNumber}" placeholder="บ้านเลขที่">
										</div>
										<div class="col-sm-12 mt-5">
											<label for="inputAddress">หมู่บ้าน/ซอย/ถนน </label>
											<input type="text" class="form-control" id="inputAddress" name="address" value="${voCustomer.vaAddress}" placeholder="หมู่บ้าน/ซอย/ถนน ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputCityCode">ตำบล</label>
											<select class="form-control" id="inputCityCode" name="city_code">
												<option value="">-- เลือกตำบล --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputDistrictCode">อำเภอ</label>
											<select class="form-control" id="inputDistrictCode" name="district_code">
												<option value="">-- เลือกอำเภอ --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputProvinceCode">จังหวัด</label>
											<select class="form-control" id="inputProvinceCode" name="province_code">
												<option value="">-- เลือกจังหวัด --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputPostCode">รหัสไปรษณีย์</label>
											<input type="text" class="form-control" id="inputPostCode" name="post_code" data-container="body" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกรหัสไปรษณีย์ให้ถูกต้อง" value="${voCustomer.vaPostCode}" placeholder="รหัสไปรษณีย์">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputTelephone" class="col-sm-3 control-label">โทรศัพท์(ที่ใช้น้ำ)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputTelephone" name="telephone" value="${voCustomer.vaTelephone}" placeholder="โทรศัพท์(ที่ใช้น้ำ)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputContactHomeNumber" class="col-sm-3 control-label">สถานที่ติดต่อ</label>
									<div class="col-sm-9 row">
										<div class="col-sm-6 mt-5">
											<label for="inputContactHomeNumber">บ้านเลขที่</label>
											<input type="text" class="form-control" id="inputContactHomeNumber" name="contact_home_number" value="${voCustomer.vaContactHomeNumber}" placeholder="บ้านเลขที่">
										</div>
										<div class="col-sm-12 mt-5">
											<label for="inputContactAddress">หมู่บ้าน/ซอย/ถนน </label>
											<input type="text" class="form-control" id="inputContactAddress" name="contact_address" value="${voCustomer.vaContactAddress}" placeholder="หมู่บ้าน/ซอย/ถนน ">
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputContactCityCode">ตำบล</label>
											<select class="form-control" id="inputContactCityCode" name="contact_city_code">
												<option value="">-- เลือกตำบล --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputContactDistrictCode">อำเภอ</label>
											<select class="form-control" id="inputContactDistrictCode" name="contact_district_code">
												<option value="">-- เลือกอำเภอ --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputContactProvinceCode">จังหวัด</label>
											<select class="form-control" id="inputContactProvinceCode" name="contact_province_code">
												<option value="">-- เลือกจังหวัด --</option>
											</select>
										</div>
										<div class="col-sm-6 mt-5">
											<label for="inputContactPostCode">รหัสไปรษณีย์</label>
											<input type="text" class="form-control" id="inputContactPostCode" name="contact_post_code" data-container="body" data-toggle="popover" 
										data-placement="right" data-content="กรุณากรอกรหัสไปรษณีย์ให้ถูกต้อง" value="${voCustomer.vaContactPostCode}" placeholder="รหัสไปรษณีย์">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputContactTelephone" class="col-sm-3 control-label">โทรศัพท์(ที่ติดต่อ)</label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputContactTelephone" name="contact_telephone" value="${voCustomer.vaContactTelephone}" placeholder="โทรศัพท์(ที่ติดต่อ)">
									</div>
								</div>
								<hr />
								<div class="form-group">
									<div class="col-sm-offset-3 col-sm-9">
										<input type="hidden" name="button_user" id="button_user" value="no">
										<button type="submit" class="btn btn-primary" onclick="checkButtonClick('user');"><i class="fa fa-floppy-o"></i> บันทึก</button>
									</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 1 -->
						
						<div id="form-2" class="form-step">
							<fieldset>
								<legend>ข้อมูลผู้ติดตั้ง</legend>
								<div class="form-group">
									<label for="inputCustomerType" class="col-sm-3 control-label">ประเภทการติดตั้ง</label>
									<div class="col-sm-3">
										<select class="form-control" id="inputCustomerType" name="customer_type">
											<option value="">-- เลือก --</option>
											<option value="P">ติดตั้งถาวร</option>
											<option value="T">ติดตั้งชั่วคราว</option>
										</select>
									</div>
									<label for="inputCustomerClass" class="col-sm-3 control-label">ประเภทผู้ใช้น้ำ <span class="comment">*</span></label>
									<div class="col-sm-3">
										<select class="form-control" id="inputCustomerClass" name="customer_class">
											<option value="">-- เลือก --</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputStatus" class="col-sm-3 control-label">สถานะ</label>
									<div class="col-sm-3">
										<select class="form-control" id="inputStatus" name="status">
											<option value="">-- เลือก --</option>
										</select>
									</div>
									<label for="inputAllowance" class="col-sm-3 control-label">ส่วนลดทหารผ่านศึก</label>
									<div class="col-sm-3">
										<select class="form-control" id="inputAllowance" name="allowance">
											<option value="">-- เลือก --</option>
											<option value="0">ไม่มี</option>
											<option value="1">มี</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputAccountOld" class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ (เดิม)</label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputAccountOld" name="account_old" value="${voCustomer.vaAccountOld}" placeholder="ทะเบียนผู้ใช้น้ำ (เดิม)">
									</div>
								</div>
								<div class="form-group">
									<label for="inputMeterSize" class="col-sm-3 control-label">ขนาดมาตร <span class="comment">*</span></label>
					 				<div class="col-sm-3">
										<select class="form-control" id="inputMeterSize" name="meter_size">
											<option value="a">-- เลือก --</option>
										</select>
									</div>
									<label for="inputMeterBrand" class="col-sm-3 control-label">ยี่ห้อ</label>
									<div class="col-sm-3">
										<select class="form-control" id="inputMeterBrand" name="meter_brand">
											<option value="">-- เลือก --</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="inputMeterSerialNumber" class="col-sm-3 control-label">หมายเลขมาตร <span class="comment">*</span></label>
									<div class="col-sm-7">
										<input type="text" class="form-control" id="inputMeterSerialNumber" name="meter_serial_number" value="${voCustomer.vaMeterSerialNumber}" placeholder="หมายเลขมาตร">
									</div>
								</div>
								<div class="form-group">
									<label for="inputMeterInstallDate" class="col-sm-3 control-label">วันที่ติดตั้ง</label>
									<div class="col-sm-3" >
										<div class='input-group date'>
											<input type='text' class="form-control" id='inputMeterInstallDate' name="meter_install_date" value="${voCustomer.vaMeterInstallDate}"
											 placeholder="วันที่ติดตั้ง" data-provide="datepicker" data-date-language="th-th"/> 
											<span class="input-group-addon" id="datePickerMeterInstallDate">
												<span class="glyphicon glyphicon-calendar"></span> 
											</span>
										</div>
									</div>
									<label for="inputMeterReadDate" class="col-sm-3 control-label">วันที่อ่านน้ำ <span class="comment">*</span></label>
									<div class="col-sm-3">
										<div class='input-group date'>
											<input type='text' class="form-control" id='inputMeterReadDate' name="meter_read_date" value="${voRouteDetail.vaMeterReadDate}"
											 placeholder="วันที่อ่านน้ำ" data-provide="datepicker" data-date-language="th-th"/> 
											<span class="input-group-addon" id="datePickerMeterReadDate">
												<span class="glyphicon glyphicon-calendar"></span> 
											</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label for="inputMeterNumber" class="col-sm-3 control-label">เลขในมาตร <span class="comment">*</span></label>
									<div class="col-sm-3">
										<input type="text" class="form-control" id="inputMeterNumber" name="meter_number" value="${voCustomer.vaMeterNumber}" placeholder="เลขในมาตร">
									</div>
									<label for="inputAverageConsumption" class="col-sm-3 control-label">น้ำใช้เฉลี่ยต่อวัน</label>
									<div class="col-sm-3">
										<input type="text" readonly="readonly" class="form-control text-right" id="inputAverageConsumption" value="${vaConsumption}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">เงินประกัน</label>
									<div class="col-sm-2">
										<input type="text" readonly="readonly" class="form-control text-right" id="inputDeptAmount" name="dept_amount" value="${voCustomer.vnDeptAmount}" placeholder="0">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
									<label for="inputGarbageCharge" class="col-sm-3 control-label">ค่าเก็บขยะ</label>
									<div class="col-sm-2">
										<input type="text" class="form-control text-right" id="inputGarbageCharge" name="garbage_charge" value="${voCustomer.vnGarbageCharge}">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
								</div>
								<div class="form-group">
									<label for="inputWasteWaterTreatMentCharge" class="col-sm-3 control-label">ค่าบำบัดน้ำเสีย</label>
									<div class="col-sm-2">
										<input type="text" class="form-control text-right" id="inputWasteWaterCharge" name="wastewater_charge" value="${voCustomer.vnWasteWaterCharge}">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
									<label for="inputOtherCharge" class="col-sm-3 control-label">ค่าอื่นๆ</label>
									<div class="col-sm-2">
										<input type="text" class="form-control text-right" id="inputOtherCharge" name="other_charge" value="${voCustomer.vnOtherCharge}">
									</div>
									<div class="col-sm-1 mt-5">บาท</div>
								</div>
								<hr />
								<div class="form-group">
									<div class="col-sm-offset-3 col-sm-9">
										<input type="hidden" name="button_meter" id="button_meter" value="no">
										<button type="submit" class="btn btn-primary" name="button_meter" id="button_meter" onclick="checkButtonClick('meter');"><i class="fa fa-floppy-o"></i> บันทึก</button>
									</div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 2-->
						
						<div id="form-3" class="form-step">
							<fieldset>
								<legend>ข้อมูลผุ้ใช้น้ำ</legend>
								<div class="form-group">
									<label class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ</label>
									<div class="col-sm-7 mt-5"> ${voCustomer.vaAccount} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ชื่อ</label>
									<div class="col-sm-3 mt-5"> ${voCustomer.vaPName} ${voCustomer.vaFName} </div>
									<label class="col-sm-3 control-label">นามสกุล</label>
									<div class="col-sm-3 mt-5"> ${voCustomer.vaLName} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">หมายเลขบัตรประชาชน</label>
									<div class="col-sm-3 mt-5"> ${voCustomer.vaCardId} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">หมายเลขผู้เสียภาษี </label>
									<div class="col-sm-3 mt-5"> ${voCustomer.vaTaxId} </div>
									<label class="col-sm-3 control-label">สาขาที่(ผู้เสียภาษี)</label>
									<div class="col-sm-3 mt-5"> ${voCustomer.vaTaxBranch} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">สาขาที่ใช้น้ำ</label>
									<div class="col-sm-9 mt-5"> ${voCustomer.vaHomeNumber} ${voCustomer.vaAddress} <span id="show_city_code"></span>
									 <span id="show_district"></span> <span id="show_province"></span> ${voCustomer.vaPostCode} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">โทรศัพท์(ที่ใช้น้ำ)</label>
									<div class="col-sm-7 mt-5"> ${voCustomer.vaTelephone} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">สถานที่ติดต่อ</label>
									<div class="col-sm-9 mt-5" id="show_address"> ${voCustomer.vaContactHomeNumber} ${voCustomer.vaContactAddress} 
									<span id="show_contact_city_code"></span> <span id="show_contact_district"></span> <span id="show_contact_province"></span> 
									${voCustomer.vaContactPostCode} </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">โทรศัพท์(ที่ติดต่อ)</label>
									<div class="col-sm-7 mt-5"> ${voCustomer.vaContactTelephone} </div>
								</div>
							</fieldset>
							<fieldset class="mt-20">
								<legend>ข้อมูลผู้ติดตั้ง</legend>
								<div class="form-group">
									<label class="col-sm-3 control-label">ประเภทการติดตั้ง</label>
									<div class="col-sm-3 mt-5" id="show_customer_type"></div>
									<label class="col-sm-3 control-label">ประเภทผู้ใช้น้ำ</label>
									<div class="col-sm-3 mt-5" id="show_customer_class"></div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">สถานะ</label>
									<div class="col-sm-3 mt-5" id="show_status"></div>
									<label class="col-sm-3 control-label">ส่วนลดทหารผ่านศึก</label>
									<div class="col-sm-3 mt-5" id="show_allowance"></div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ทะเบียนผู้ใช้น้ำ (เดิม)</label>
									<div class="col-sm-3 mt-5">${voCustomer.vaAccountOld}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ขนาดมาตร</label>
									<div class="col-sm-3 mt-5" id="show_meter_size"></div>
									<label class="col-sm-3 control-label">ยี่ห้อ</label>
									<div class="col-sm-3 mt-5" id="show_meter_brand"></div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">หมายเลขมาตร</label>
									<div class="col-sm-7 mt-5">${voCustomer.vaMeterSerialNumber}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">วันที่ติดตั้ง</label>
									<div class="col-sm-3 mt-5" >${voCustomer.vaMeterInstallDate}</div>
									<label class="col-sm-3 control-label">วันที่อ่านน้ำ</label>
									<div class="col-sm-3 mt-5">${voRouteDetail.vaMeterReadDate}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">เลขในมาตร</label>
									<div class="col-sm-3 mt-5">${voCustomer.vaMeterNumber}</div>
									<label for="inputPassword3" class="col-sm-3 control-label">น้ำใช้เฉลี่ยต่อวัน</label>
									<div class="col-sm-3 mt-5"> ${vaConsumption} หน่วย </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">เงินประกัน</label>
									<div class="col-sm-3 mt-5">${voCustomer.vnDeptAmount} บาท </div>
									<label class="col-sm-3 control-label">ค่าเก็บขยะ</label>
									<div class="col-sm-3 mt-5">${voCustomer.vnGarbageCharge} บาท </div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">ค่าบำบัดน้ำเสีย</label>
									<div class="col-sm-3 mt-5">${voCustomer.vnWasteWaterCharge} บาท </div>
									<label class="col-sm-3 control-label">ค่าอื่นๆ</label>
									<div class="col-sm-3 mt-5">${voCustomer.vnOtherCharge} บาท </div>
								</div>
							</fieldset>
						</div>
						<!-- END FORM 3-->
					</form>
				</div>
				<!-- End form-detail --> 
				
			</div>
			<!-- End detail-area -->
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
		<!-- END RIGHT DETAIL--> 
		
	</div>
	<!-- End Detail-area--> 
</div>
<!-- End Wrapper --> 
</body>
</html>